<template>
	<view class="content">
		<view class="load" :hidden="is_login == true && is_techn == true ? true : false"  style="display: none;">
		   <image src="https://h5.hexukeji.com/xcximg/nologin.png" mode="widthFix"></image>
		   <view class="chakan" @click="login">查看我的数据</view>
		</view>
		<view class="my-tp">
			<view class="curr-loc iconfont icon-weizhi">
				<view class="position_dq">
					当前位置：{{techn.techn_last.address}}
				</view>
				<view class="position_time" style="display: none	;">
					更新时间:2023.07.18 18:00:00
				</view>
				<view class="position_ri" v-if="techn.techn_last.is_auto == 0" @click="change_pauto(techn.techn_last.is_auto)" style="display: none	;">
					<image src="https://h5.hexukeji.com/techn_img/open_off.png"></image>
					<text>已关闭自动刷新</text>
				</view>
				
				<view class="position_ri" v-if="techn.techn_last.is_auto == 1" @click="change_pauto(techn.techn_last.is_auto)" style="display: none	;">
					<image src="https://h5.hexukeji.com/techn_img/open_on.png"></image>
					<text>已开启自动刷新</text>
				</view>
			</view>
			<view class="my-hd">
				<view class="my-img">
					<image :src="techn.work_img" mode="aspectFill"></image>
					<!-- <navigator url="/pages/my/edit_techn">修改资料</navigator> -->
				</view>
				<view class="my-tit">
					<view class="my-name">{{techn.nickname}}</view>
					<view style="margin-bottom: 10rpx;" @click="onShows">
						<text style="font-size: 26rpx;line-height: 20rpx;color:#788274">电话：{{techn.mobile}}</text>
					</view>
					<view style="margin-bottom: 10rpx;" @click="onShows">
						<text style="font-size: 26rpx;line-height: 20rpx;color:#788274">服务状态:{{home_work}} </text>
						<!-- <text v-if="countdowns > 0 || countdownh > 0 || countdownm > 0">倒计时:{{countdownh}}:{{countdownm}}:{{countdowns}}</text> -->
					</view>
					<!-- <view class="my-vip iconfont icon-f-vip" @click="onRule">
						@click="onRule"
						<text >{{grade}}</text>
					</view>
					<view class="my-time iconfont icon-noun_massage_2460811">
						<text>服务时间：{{techn.work_start_hour ? techn.work_start_hour : ''}}-{{techn.work_end_hour ? techn.work_end_hour : ''}}</text>
					</view> -->
				</view>
				<navigator url="/pages/my/edit_techn">修改资料></navigator>
				<!--<view class="my-set">
					<text class="iconfont icon-xiaoxi" @tap="goMsg()"></text>
				</view>-->
			</view>
			<view class="my-acc">
				<view class="my-acc-lf">
					<view class="my-acc-num">
						<text>{{techn.today_income}}</text>
					</view>
					<view class="my-acc-tit">今日收入 </view>
				</view>
				<view class="my-acc-lf">
					<view class="my-acc-num">
						<text>{{techn.today_travel_price}}</text>
					</view>
					<view class="my-acc-tit">今日车费 </view>
				</view>
				<view class="my-acc-lf">
					<navigator class="my-acc-numt" url="../my/account"> ￥{{techn.money}}</navigator>
					<navigator class="my-acc-tit" url="../my/account">钱包> </navigator>
				</view>
				
				<view class="level-show_o" :style="rank == 1 ? '' : 'display:none;'">
					<img src="https://h5.hexukeji.com/xcximg/level_bk_o.png" alt="">
					<view class="left-top_o"><img src="/static/level_top_o.png" alt=""></view>
					<view class="left-center_o">一星</view>
					<view class="level_rule" @click="guize = 1">等级规则<text> </text></view>
					<view class="jindu progress_box">
						<progress :percent="techn_level.yeji_bl" activeColor="#95B4BB" stroke-width="7.5" show-info font-size='14' active='true' />
					</view>
					<view class="right-top_o">
						<img class="level_logo" src="/static/level1.png" alt="">
					</view>
					<view class="left-bot_o"><view class="dot"></view>已完成</view>
					<view class="nr_o">
						<view class="show-top_o">
							<text>本期业绩</text>
							<ftext>￥{{rule.my_last.total_result}}</ftext>
						</view>
						<view class="show-top_o">
							<text>本期时长</text>
							<ftext>{{rule.my_last.total_duration}}</ftext>
						</view>
						
						<view class="show-top_o">
							<text>加钟率</text>
							<ftext>{{rule.jzl}}%</ftext>
						</view>
						<view class="show-top_o">
							<text>积分</text>
							<ftext>{{rule.my_last.total_integral}}</ftext>
						</view>
					</view>
				
					
				</view>
				
				
				<view class="level-show_t"   :style="rank == 2 ? '' : 'display:none;'">
					<img src="https://h5.hexukeji.com/techn_img/lb2.png" alt="">
					<view class="left-top_o"><img src="https://h5.hexukeji.com/techn_img/ll2.png" alt=""></view>
					<view class="left-center_o">二星</view>
					<view class="level_rule" @click="guize = 1">等级规则<text> </text></view>
					<view class="jindu progress_box">
						<progress :percent="techn_level.yeji_bl" activeColor="#94B4D8" stroke-width="7.5" show-info font-size='14' active='true' />
					</view>
					<view class="right-top_o">
						<img class="level_logo" src="https://h5.hexukeji.com/techn_img/lv2.png" alt="">
					</view>
					<view class="left-bot_o"><view class="dot"></view>已完成</view>
					<view class="nr_o">
						<view class="show-top_o">
							<text>本期业绩</text>
							<ftext>￥{{rule.my_last.total_result}}</ftext>
						</view>
						<view class="show-top_o">
							<text>本期时长</text>
							<ftext>{{rule.my_last.total_duration}}</ftext>
						</view>
						
						<view class="show-top_o">
							<text>加钟率</text>
							<ftext>{{rule.jzl}}%</ftext>
						</view>
						<view class="show-top_o">
							<text>积分</text>
							<ftext>{{rule.my_last.total_integral}}</ftext>
						</view>
					
				
					
				</view>
				</view>
				
				
				
				
				<view class="level-show_s" :style="rank == 3 ? '' : 'display:none;'">
					<img src="https://h5.hexukeji.com/techn_img/lb3.png" alt="">
					<view class="left-top_o"><img src="https://h5.hexukeji.com/techn_img/ll3.png" alt=""></view>
					<view class="left-center_o">三星</view>
					<view class="level_rule" @click="guize = 1">等级规则<text> </text></view>
					<view class="jindu progress_box">
						<progress :percent="techn_level.yeji_bl" activeColor="#E0C492" stroke-width="7.5" show-info font-size='14' active='true' />
					</view>
					<view class="right-top_o">
						<img class="level_logo" src="https://h5.hexukeji.com/techn_img/lv3.png" alt="">
					</view>
					<view class="left-bot_o"><view class="dot"></view>已完成</view>
					<view class="nr_o">
						<view class="show-top_o">
							<text>本期业绩</text>
							<ftext>￥{{rule.my_last.total_result}}</ftext>
						</view>
						<view class="show-top_o">
							<text>本期时长</text>
							<ftext>{{rule.my_last.total_duration}}</ftext>
						</view>
						
						<view class="show-top_o">
							<text>加钟率</text>
							<ftext>{{rule.jzl}}%</ftext>
						</view>
						<view class="show-top_o">
							<text>积分</text>
							<ftext>{{rule.my_last.total_integral}}</ftext>
						</view>
					</view>
					
				
					
				</view>
				
				<view class="level-show_f" v-show="rank == 4">
					<img src="https://h5.hexukeji.com/techn_img/lb4.png" alt="">
					<view class="left-top_o"><img src="https://h5.hexukeji.com/techn_img/ll4.png" alt=""></view>
					<view class="left-center_o">四星</view>
					<view class="level_rule" @click="guize = 1">等级规则<text> </text></view>
					<view class="jindu progress_box">
						<progress :percent="techn_level.yeji_bl" activeColor="#DDA887" stroke-width="7.5" show-info font-size='14' active='true' />
					</view>
					<view class="right-top_o">
						<img class="level_logo" src="https://h5.hexukeji.com/techn_img/lv4.png" alt="">
					</view>
					<view class="left-bot_o"><view class="dot"></view>已完成</view>
					<view class="nr_o">
						<view class="show-top_o">
							<text>本期业绩</text>
							<ftext>￥{{rule.my_last.total_result}}</ftext>
						</view>
						<view class="show-top_o">
							<text>本期时长</text>
							<ftext>{{rule.my_last.total_duration}}</ftext>
						</view>
						
						<view class="show-top_o">
							<text>加钟率</text>
							<ftext>{{rule.jzl}}%</ftext>
						</view>
						<view class="show-top_o">
							<text>积分</text>
							<ftext>{{rule.my_last.total_integral}}</ftext>
						</view>
					</view>
					
				
					
				</view>
				
				
				<view class="level-show_w"  v-show="rank == 5">
					<img src="https://h5.hexukeji.com/techn_img/lb5.png" alt="">
					<view class="left-top_o"><img src="https://h5.hexukeji.com/techn_img/ll5.png" alt=""></view>
					<view class="left-center_o">五星</view>
					<view class="level_rule" @click="guize = 1">等级规则<text> </text></view>
					<view class="jindu progress_box">
						<progress :percent="techn_level.yeji_bl" activeColor="#8884DA" stroke-width="7.5" show-info font-size='14' active='true' />
					</view>
					<view class="right-top_o">
						<img class="level_logo" src="https://h5.hexukeji.com/techn_img/lv5.png" alt="">
					</view>
					<view class="left-bot_o"><view class="dot"></view>已完成</view>
					<view class="nr_o">
						<view class="show-top_o">
							<text>本期业绩</text>
							<ftext>￥{{rule.my_last.total_result}}</ftext>
						</view>
						<view class="show-top_o">
							<text>本期时长</text>
							<ftext>{{rule.my_last.total_duration}}</ftext>
						</view>
						
						<view class="show-top_o">
							<text>加钟率</text>
							<ftext>{{rule.jzl}}%</ftext>
						</view>
						<view class="show-top_o">
							<text>积分</text>
							<ftext>{{rule.my_last.total_integral}}</ftext>
						</view>
						
					</view>
					
				
					
				</view>
				
				
				
				
				
			</view>
		</view>
		
		<!-- 服务倒计时 -->
		<!-- <view v-if="countdowns > 0 || countdownh > 0 || countdownm > 0" class="curr-loc iconfont" style="font-size: 40rpx;">服务结束倒计时：<text style="color:rgb(36,201,107)">{{countdownh}}:{{countdownm}}:{{countdowns}}</text></view> -->
		<view v-if="guize == 1" style="background-color: rgb(84, 84, 84,0.3);position: absolute;top: 0;width: 100%;height: 100vh;">
		<view class="guize" >
			<view class="guize-tou">技师各等级标准</view>
			<view class="guize-tb">
				<view class="guize-th">
					<view class="guize-td">
						技师等级
					</view>
					<view class="guize-td">
						最低业绩
					</view>
					<view class="guize-td">
						在线时长
					</view>
					<view class="guize-td">
						加钟率
					</view>
					<view class="guize-td">
						积分
					</view>
					<view class="guize-td">
						分成比例
					</view>
				</view>
				<view class="guize-tr" v-for="(item, index) in level_all" :key="index">
					<view class="guize-td">
						{{item.title}}
					</view>
					<view class="guize-td">
						{{item.low_result}}
					</view>
					<view class="guize-td">
						{{item.online_duration}}
					</view>
					<view class="guize-td">
						{{item.plus_clock_rate}}%
					</view>
					<view class="guize-td">
						{{item.integral}}
					</view>
					<view class="guize-td">
						{{item.divide_into}}%
					</view>
				</view>
			</view>
			<view class="guize-xx" @click="guize = 0"><img src="https://h5.hexukeji.com/techn_img/guizexx.png" alt=""></view>
		</view>
		</view>
		
		<view class="my-mid">
			<view class="my-cou" @click="goTimesheet()">
				<view class="my-cou-lf" @click="goTimesheet()">
					<view class="sjgl" @click="goTimesheet()"></view>
					<!-- <view class="my-cou-des">排班时间设置</view> -->
				</view>
				<view class="my-cou-rt">
					<view class="my-cou-tit">时间管理</view>
				</view>
			</view>
			<view class="my-cou" @click="seatUpdate">
				<view class="my-cou-lf"  >
					<view class="wzgx"></view>
					<!-- <view class="my-cou-des">精准定位更快捷</view> -->
				</view>
				<view class="my-cou-rt">
					<view class="my-cou-tit">位置更新</view>
				</view>
			</view>
			
			<view class="my-cou" @click="Tongji">
				<view class="my-cou-lf" >
					<view class="yjpm"></view>
					<!-- <view class="my-cou-des">精准定位更快捷</view> -->
				</view>
				<view class="my-cou-rt">
					<view class="my-cou-tit">业绩排名</view>
				</view>
			</view>
			
			<view class="my-cou" @click="Paiming">
				<view class="my-cou-lf">
					<view class="sjtj"></view>
					<!-- <view class="my-cou-des">精准定位更快捷</view> -->
				</view>
				<view class="my-cou-rt">
					<view class="my-cou-tit">数据统计</view>
				</view>
			</view>
		</view>
		
		<view class="place-time">
			<view class="place-time-tp">
				<view class="place-time-name">我的订单</view>
				<view class="place-time-con">
					<text @tap="goOrder()">全部订单</text>
					<text class="iconfont icon-jinrujiantou"></text>
				</view>
			</view>
			<view class="my-order">
				<view class="my-ord-li" @tap="goOrder()">
					<view class="my-ord-icon">
						<view class="hongdian" v-if="order_list == 1"></view>
						<text class="djd"></text>
					</view>
					<view class="my-ord-tit">待接单</view>
				</view>
				<view class="my-ord-li" @tap="goOrder()">
					<view class="my-ord-icon">
						<text class="dfw"></text>
					</view>
					<view class="my-ord-tit">待服务</view>
				</view>
				<view class="my-ord-li" @tap="goOrder()">
					<view class="my-ord-icon">
						<text class="fwz"></text>
					</view>
					<view class="my-ord-tit">服务中</view>
				</view>
				<view class="my-ord-li" @tap="goOrder()">
					<view class="my-ord-icon">
						<text class="ywc"></text>
					</view>
					<view class="my-ord-tit">已完成</view>
				</view>
			</view>
		</view>
		
		<view class="place-time">
			<view class="place-time-tp">
				<view class="place-time-name">其它功能</view>
				<view class="place-time-con"></view>
			</view>
			<view class="my-app">
				<view class="my-app-li" @tap="goStore()">
					<view class="my-app-icon">
						<text class="wlsc"></text>
					</view>
					<view class="my-app-tit">物料商城</view>
				</view>
				<!-- goDistribution -->
				<view class="my-app-li" @tap="goFeedback()">
					<view class="my-app-icon">
						<text class="qdhz"></text>
					</view>
					<view class="my-app-tit">渠道合作</view>
				</view>
				<view class="my-app-li" @tap="goAppeal()">
					<view class="my-app-icon">
						<text class="ddss"></text>
					</view>
					<view class="my-app-tit">订单申诉</view>
				</view>
				<!-- <view class="my-app-li" @tap="goFeedback()">
					<view class="my-app-icon">
						<text class="iconfont icon-yijianfankui"></text>
					</view>
					<view class="my-app-tit">意见反馈</view>
				</view>
				 -->
				<view class="my-app-li" @click="customerService">
				     <view class="my-app-icon">
				      <text class="lxkf"></text>
				     </view>
				     <view class="my-app-tit">联系客服</view>
				</view>
				<view class="my-app-li" @click="talklist">
				     <view class="my-app-icon">
				      <text class="wdpj"></text>
				     </view>
				     <view class="my-app-tit">我的评价</view>
				</view>
				<view class="my-app-li" @click="move">
				     <view class="my-app-icon">
				      <text class="ydqz"></text>
				     </view>
				     <view class="my-app-tit">异地迁证</view>
				</view>
				<view class="my-app-li" @tap="goSet()">
					<view class="my-app-icon">
						<text class="szzx"></text>
					</view>
					<view class="my-app-tit">设置中心</view>
				</view>
				
				<view class="my-app-li" @tap="sos()">
					<view class="my-app-icon">
						<text class="yjbj" style="color: red;"></text>
					</view>
					<view class="my-app-tit">一键报警</view>
				</view>
			</view>
		</view>
	
		<view class="sos" :hidden="true">
			<text class="iconfont icon-baojing"></text>
			<view class="sos-tit">一键求救</view>
		</view>
		
		<!-- <view class="" v-show="show">
			<view class="popup-bg" catchtouchmove="true"></view>
			<view class="popup-cont">
			    <view class="input">
					<input type="number" placeholder="请输入手机号" placeholder-class="placeholder" v-model="mobile">
				</view>
				<view class="popup-but">
					<view class="cancel" @click="show = false">取消</view>
					<view class="define" @click="onDefine">确定</view>
				</view>
			</view>
		</view> -->
		<view class="level_list" v-show="shows">
			<view class="popup-bg" catchtouchmove="true"></view>
			<view class="popup-cont" style="padding:60rpx 30rpx 30rpx;">
				<image @click="shows = false" style="position: absolute; top: 14rpx;right: 14rpx;width: 50rpx;height: 50rpx;" src="/static/gb.png"></image>
				<view class="rule">
					<view class="status">当前等级:{{rule.title}}</view>
					<view>分成比例：{{rule.divide_into}}%</view>
					<view class="status">升级需求:{{rule.next_info.title}}</view>
					<view class="">最低业绩：{{rule.next_info.low_result}}</view>
					<view>已完成:{{rule.my_last.total_result}}</view>
					<view>在线时长：{{rule.next_info.online_duration}}</view>
					<view>已完成:{{rule.my_last.total_duration}}</view>
					<view>加钟率：{{rule.next_info.plus_clock_rate}}%</view>
					<view>已完成:{{rule.jzl}}%</view>
					<view>积分：{{rule.next_info.integral}}</view>
					<view>已完成:{{rule.my_last.total_integral}}</view>
					<view>升级后分成比例：{{rule.next_info.divide_into}}%</view>
				</view>
			</view>
		</view>
			
			<swiper class="image-container" previous-margin="45rpx" next-margin="45rpx" v-show="showss">
				
				<swiper-item :class="currentIndex == index ? 'swiper-item' : 'swiper-item-side'" v-for="(item, index) in rule.level_list" :key="index" lazy-load :style="dontFirstAnimation ? 'animation: none;' : ''">
					<image @click="showss = false" style="position: absolute; top: 14rpx;right: 14rpx;width: 50rpx;height: 50rpx;z-index: 9999;" src="/static/gb.png"></image>
					<view class="item item-img">
						<view class="item_1">
							<image class="image" :src="item.level_img" mode=""></image>
							<view class="item_1-right">
								{{item.title}}
								<text class="item_1-post">{{item.post}}</text>
								<view class="item_1-site">{{item.site}}</view>
							</view>
						</view>
						<view class="progress_box">
							<progress :percent="item.all_bl" activeColor="#55ff00" stroke-width="7.5" show-info font-size='14' active='true' />
							<view class="" style="color:white;margin: 2rpx;">分成比例:{{item.divide_into}}%</view>
							<view class="item_3-left">
								<view class="">完成业绩</view>
								<text class="item-highlight">{{item.low_result}}</text>
							</view>
							<view class="item_3-left">
								<view class="">在线时长</view>
								<text class="item-highlight">{{item.online_duration}}</text>
							</view>
							<view class="item_3-left">
								<view class="">加钟率</view>
								<text class="item-highlight">{{item.plus_clock_rate}}%</text>
							</view>
							<view class="item_3-left">
								<view class="">积分</view>
								<text class="item-highlight">{{item.integral}}</text>
							</view>
						</view>
						<view class="item_2" style="font-size: 30rpx;color: white;left:-41%;bottom: 122rpx;">已完成 当前分成比例:{{rule.divide_into}}%</view>
						<view class="item_2" :style="{'bottom': currentIndex == index? '38rpx': '20rpx'}">
							<view class="item_2-left">
								<view class="" style="text-align: center;width:100%">业绩</view>
								<text class="item-highlight">{{rule.my_last.total_result}}</text>
							</view>
							<view class="item_2-left">
								<view class="" style="text-align: center;width:100%">在线时长</view>
								<text class="item-highlight">{{rule.my_last.total_duration}}</text>
							</view>
							<view class="item_2-left">
								<view class="" style="text-align: center;width:100%">加钟率</view>
								<text class="item-highlight">{{rule.jzl}}%</text>
							</view>
							<view class="item_2-left">
								<view class="" style="text-align: center;width:100%">积分</view>
								<text class="item-highlight">{{rule.my_last.total_integral}}</text>
							</view>
							
						</view>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>
<script>
const app = getApp();
const request = require('../../utils/request');
export default {
    data() {
        return {
			
			techn:{}, //技师信息
			is_login:false,
            is_techn:false,
			mobile:'',
			show:false,
			showss:false,
			upid:null,
			shows:false,
			grade:'',
			rule:{},
			pgList:25,
			currentIndex: 0,
			dontFirstAnimation: true,
			order_list:0,
			countdownh:0,
			countdownm:0,
			countdowns:0,
			timer: null,
			end_time:0,
			position_auto:1,
			gengx:'',
			techn_level:{},
			jzl:0,
			guize:0,
			level_all:{},
			rank:1,
			home_work:'接单中',
		}
    },
	onLoad()
	{
		this.getlevel();
		// this.shows = true;
		this.timer = setInterval(()=>{
			this.showtime(this.end_time)
		})
	},
	onShow()
	{
		var that = this;
		that.is_login = app.globalData.is_login;
		console.log('登录状态',that.is_login);
		that.load_user_info(); //获取用户信息
		that.position_auto_get();//自动获取定位信息
	},
    methods: {
		onRule(){
			this.showss = true
		},
		change_pauto(status){
			console.log(status);
			var send = {
				status:status
			};
			if(status == 0){
				request(app.globalData.api_url + '/v1/publics/openorclose_position', 'POST', send).then((ures) => {
					if(ures.data.code == 0){
						this.techn.techn_last.is_auto = 1;
						uni.showToast({
							title:'已开启'
						})
					}
				});
			}else{
				request(app.globalData.api_url + '/v1/publics/openorclose_position', 'POST', send).then((ures) => {
					if(ures.data.code == 0){
						this.techn.techn_last.is_auto = 0;
						uni.showToast({
							title:'已关闭'
						})
					}
				});
			}
		},
		showtime (end_time) {
			var nowtime = new Date(),  //获取当前时间
			endtime = end_time;  //定义结束时间
			var lefttime = (endtime*1000) - nowtime.getTime(),  //距离结束时间的毫秒数
			leftd = Math.floor(lefttime/(1000*60*60*24)),  //计算天数
			lefth = Math.floor((lefttime/(1000*60*60)%24)+leftd*24) < 10 ? "0" + Math.floor((lefttime/(1000*60*60)%24)+leftd*24) : Math.floor((lefttime/(1000*60*60)%24)+leftd*24),  //计算小时数
			leftm = Math.floor(lefttime/(1000*60)%60) < 10 ? "0" + Math.floor(lefttime/(1000*60)%60) : Math.floor(lefttime/(1000*60)%60),  //计算分钟数
			lefts = Math.floor(lefttime/1000%60) < 10 ? "0" + Math.floor(lefttime/1000%60) : Math.floor(lefttime/1000%60);  //计算秒数
			this.countdownh = lefth  //返回倒计时的字符串
			this.countdownm = leftm//返回倒计时的字符串
			this.countdowns = lefts  //返回倒计时的字符串
			// 倒计时结束时，显示00:00:00
			if(lefttime < 0) {
				this.countdownh = this.countdownm= this.countdowns = "00"
			}
		},
		
		// 会员等级
		goMember(){
			return false;
	        uni.navigateTo({
	            url: '/pages/my/member'
	        })
	    },
		// 商城页面
		goStore(){
			uni.showToast({
				title:'即将上线',
				icon:'none'
			})
			return false;
	        uni.navigateTo({
	            url: '/pages/store/store'
	        })
	    },
		// 消息中心
		goMsg(){
	        uni.navigateTo({
	            url: '/pages/my/message'
	        })
	    },
		sos(){
			request(app.globalData.api_url + '/v1/Sos/sos', 'POST', {}).then((res) => {
				console.log(res);
				uni.showToast({
					title:res.data.msg
				})
			})
		},
		// 邀请页面
		goDistribution(){
	// 		uni.showToast({
	// 			title:'即将上线',
	// 			icon:'none'
	// 		})
	// 		return false;
	//         uni.navigateTo({
	//             url: '/pages/distribution/distribution'
	//         })
			uni.navigateTo({
				url:'/pages/my/distribution'
			})
	    },
		// 设置页面
		goSet(){
	        uni.navigateTo({
	            url: '/pages/my/set'
	        })
	    },
		//时间管理
		goTimesheet(){
	        uni.navigateTo({
	            url: '/pages/my/timesheet'
	        })
	    },
		//全部订单
		goOrder(){
	        uni.navigateTo({
	            url: '/pages/order/myorder'
	        })
		},
		login(){
		        uni.navigateTo({
		            url: '/pages/login/login'
		        })
			},
		Paiming(){
			uni.navigateTo({
	            url: '/pages/my/paihang'
	        })
		},
		Tongji(){
			uni.navigateTo({
	            url: '/pages/my/tongji'
	        })
		},
		//问题反馈
		goFeedback(){
			uni.showToast({
				title:'即将上线',
				icon:'none'
			})
			return false;
	        uni.navigateTo({
	            url: '/pages/my/feedback',
	        })
		},
		//差评申诉
		goAppeal(){
			// uni.showToast({
			// 	title:'即将上线',
			// 	icon:'none'
			// })
			// return false;
	        uni.navigateTo({
	//             url: '/pages/my/appeal',
				url:'/pages/my/orderState'
	        })
		},
		/**
		 * 获取用户信息
		 */
		load_user_info:function()
		{
			var that = this;
			//网络请求
			request(app.globalData.api_url+'/v1/user/index', 'POST', {}).then((res) => {
				if(res.data.code == 0)
				{
					that.techn = res.data.data.techn;
					if(that.techn.is_lh==1){
						uni.reLaunch({
							url:'/pages/my/customerService?mobile='+res.data.data.mobile
						})
						return
					}
					that.upid = res.data.data.techn.upid;
					that.techn_level = res.data.data.techn_level;
					that.rank = res.data.data.techn_level.rank;
					that.is_techn = true;
					that.level_all = res.data.data.level_all;
					that.home_work = res.data.data.techn.home_work;
					// that.mobile = res.data.data.techn.mobile;
					if(!res.data.data.user.weixin_openid){
						uni.reLaunch({
							url:'/pages/login/login'
						})
					}
					if(!that.upid){
						that.show = true
					}
				}else
				{
					uni.showToast({
						title:res.data.msg,
						icon:'none'
					});
					app.is_login_check(res.data);
					app.is_techn_check(res.data);
				}
			});
		},
		/**
		 * 位置更新
		 */
		seatUpdate:function()
		{
			//console.log('位置更新');
			var that = this;
			uni.chooseLocation({
				success:function(loc_res)
				{
					//console.log(loc_res);
					if(loc_res.errMsg == "chooseLocation:ok")
					{
						//console.log(loc_res);
						let lng = loc_res.longitude;
						let lat = loc_res.latitude;
						let address = loc_res.name;
						//参数
						var formData = {
							lng:lng,
							lat:lat,
							address:address
						};
						//网络请求
						request(app.globalData.api_url+'/v1/techn/seat_update', 'POST', formData).then((res) => {
							uni.showToast({
								title:res.data.msg,
								icon:'none'
							});
							if(res.data.code != 0)
							{
								app.is_login_check(res.data);
								app.is_techn_check(res.data);
							}else
							{
								that.load_user_info(); //获取用户信息
							}
						});
					}
				}
			});
		},
		position_auto_get(){
			if(this.techn.techn_last.is_auto == 1){
				uni.getLocation({
					type:'gcj02',
					success:function(loc_res){
						if(loc_res.errMsg == "getLocation:ok"){
							var formData = {
								lat: loc_res.latitude,
								lng: loc_res.longitude,
							};
							
							// console.log(formData);
							request(app.globalData.api_url + '/v1/publics/loc_get_address', 'POST', formData).then((res) => {
								if (res.data.code == 0) {
									console.log(res.data.data);
									
									request(app.globalData.api_url + '/v1/publics/auto_update_address', 'POST', res.data.data).then((ures) => {
										if(ures.data.code == 0){
											this.techn.techn_last.address = res.data.data.address;
										}
									});
								}
							});
							
							
						}
					}
				})
			}
		},
		/**
		 * 联系客服
		 */
		customerService:function()
		{
			console.log('联系客服');
			uni.openCustomerServiceChat({
				extInfo:{
					url:'https://work.weixin.qq.com/kfid/kfc0bac3749e3c78ed8'
				},
				corpId:'ww92edf7d9fd032c2b'
			});
			// uni.navigateTo({
			// 	url:'/pages/my/customerService'
			// })
		},
		talklist:function()
		{
			console.log('我的评价');
			uni.navigateTo({
				url:'/pages/my/talk'
			})
		},
		move:function()
		{
			uni.navigateTo({
				url:'/pages/my/move'
			})
		},
		onShows(){
			if(!this.upid){
				this.show = true
			}
		},
		onDefine(){
			var that = this;
			const reg1 = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
			if (!that.mobile) {
				uni.showToast({
					title: '手机号不能为空！',
					duration: 1500,
					icon: "none"
				});
				return
			}
			if (!reg1.test(that.mobile)) {
				uni.showToast({
					title: '手机号格式错误！',
					duration: 1500,
					icon: "none"
				});
				return
			}
			var formData = {
				upid:that.mobile
			};
			request(app.globalData.api_url+'/v1/user/upid_change', 'POST', formData).then((res) => {
				uni.showToast({
					title:res.data.msg,
					icon:'none'
				});
				if(res.data.code != 0){
					app.is_login_check(res.data);
					app.is_techn_check(res.data);
				}else{
					that.show = false;
					that.load_user_info();
				}
			});
		},
		getlevel(){
			request(app.globalData.api_url+'/v1/user/getlevel', 'POST', {}).then((res) => {
				
				console.log('下面是getlevel');
				console.log(res);
				// uni.showToast({
				// 	title:res.data.msg,
				// 	icon:'none'
				// });
				if(res.data.code != 0){
					// app.is_login_check(res.data);
					// app.is_techn_check(res.data);
				}else{
					this.grade = res.data.data.title;
					this.rule = res.data.data;
					that.jzl = res.data.data.jzl;
					this.order_list = res.data.data.order_list;
					console.log(res);
					if(res.data.data.end_time != 0)
					this.end_time = res.data.data.end_time;
				}
			});
		}
    }
}
</script>
<style lang="scss">
page{
	background-color: $uni-bg-color-grey;
}
.guize{
	width: 96%;
	height: 540rpx;
	margin: 0 auto;
	position: absolute;
	background-color: white;
	// background: linear-gradient(to right, $uni-text-color-btn-left, $uni-text-color-btn-right);
	margin-left: 2%;
	top: 440rpx;
	border-radius: 30rpx;
	
	.guize-tou{
		width: 100%;
		text-align: center;
		height: 90rpx;
		line-height: 110rpx;
		font-size: 40rpx;
		font-weight: bold;
	}
	.guize-tb{
		width:96%;
		margin: 20rpx auto 0;
	}
	
	.guize-th{
		display: flex;
		width: 100%;
		// border-bottom: 1rpx solid green;
		font-size: 24rpx;
		text-align: center;
		height: 60rpx;
		line-height: 60rpx;
		background-color: #39C581;
		border-radius:6rpx;
		color:white;
		.guize-td{
			border-left: 1px solid white;
			border-right: 1px solid white;
		}
	}
	.guize-tr{
		display: flex;
		width: 100%;
		font-size: 24rpx;
		text-align: center;
		height: 60rpx;
		line-height: 60rpx;
		&:nth-child(2n+1){
			background-color: #E0FBEA;
		}
	}
	.guize-td{
		width:25%;
	}
	.guize-xx{
		img{
			width: 60rpx;
			height: 60rpx;
			position: absolute;
			z-index: 999;
			right: 30rpx;
			top: 21rpx;
		}
	}
}
.popup-bg{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      bottom: 0;
      background-color: rgba(1,1,1,0.3);
}
.popup-cont{
      width: 80%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 12rpx;
      // background-color: #ffffff;
	  background: linear-gradient(to bottom, rgb(39, 223, 116), rgb(6,158,81));
	  padding-top: 40rpx;
	  .input{
		  margin: auto;
		  width: 80%;
		  height: 80rpx;
		  border-radius: 10rpx;
		  border: 2rpx solid #eee;
		  padding: 0 30rpx;
		  display: flex;
		  align-items: center;
		  .placeholder{
			  font-size: 28rpx;
		  }
		  input{
			  font-size: 28rpx;
		  }
	  }
	  .popup-but{
		  display: flex;
		  align-items: center;
		  justify-content: space-around;
		  padding: 40rpx 0;
	  }
	  .cancel ,.define{
		  width: 160rpx;
		  height: 60rpx;
		  color: #fff;
		  border-radius: 10rpx;
		  font-size: 28rpx;
		  display: flex;
		  align-items: center;
		  justify-content: center;
	  }
	  .cancel{
		  background-color: #999;
	  }
	  .define{
		  background-color: #24c96b;
	  }
	  .rule{
		  // .level_list{
			 //  background: linear-gradient(to bottom, rgb(36,201,107), rgb(6,158,81));
		  // }
		  .status{
			  color: #fd6a6d;
			  display: block;
			  width: 100%;
			  
		  }
		  view{
			  float: left;
			  width: 47%;
			  color: white;
			  padding: 10rpx 0;
			  font-size:26rpx ;
			  margin-left: 15rpx;
		  }
		  .yeji{
			  width: 100%;
		  }
	  }
}
.level-show_o{
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		position: absolute;
		left: 0;
		right: 0;
		top:164rpx;
		// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		// background-image: url(/static/level_bk_o.png);
		background-size: 100% 100%;
		background-position:44rpx 0;
		height:350rpx;
		img{
			position: absolute;
			width: 100%;
			height:100%;
			// height: 600rpx;
			/* left: 30rpx; */
			top: -30rpx;
		}
		.level_logo{
			width: 100rpx;
			height: 120rpx;
			position: absolute;
			right: 20rpx;
			top: 0rpx;
		}
		.left-top_o{
			
			// background-image: url(/static/level_top_o.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 168rpx;
			height: 54rpx;
			img{
				position: absolute;
				top: -31rpx;
				width: 243rpx;
				height: 74rpx;
				left: -2rpx;
			}
			
		}
		.jindu{
			position: absolute;
			top: 80rpx;
		}
		.left-center_o{
			position: absolute;
			top: 50rpx;
			left: 60rpx;
			font-size: 50rpx;
			color: #587482;
			font-family: monospace;
			font-weight: 900;
		}
		.level_rule{
			background-color: #36383F;
			color: #F3D1A5;
			width: 160rpx;
			height: 60rpx;
			position: absolute;
			left: 200rpx;
			top: 46rpx;
			text-align: left;
			line-height: 60rpx;
			font-size: 26rpx;
			padding-left: 24rpx;
			border-radius: 60rpx;
			text{
				background: url(https://h5.hexukeji.com/techn_img/sm_wen.png);
				background-size: 100% 100%;
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				top: 14rpx;
			}
		}
		.left-bot_o{
			    width: 100%;
				position: absolute;
				top: 180rpx;
				left: 66rpx;
			.show-bl_o{
				float:left;
			}
			
			.dot {
				position: absolute;
				top: 18rpx;
				left: -26rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 100%;
				background: #24CB6A;
			}
			.bl_icon{
				width: 44rpx;
				height: 44rpx;
				position: absolute;
				bottom: 38rpx;
				top: -2rpx;
				left: -46rpx;
			}
		}
		.dq_o{
			top:350rpx;
		}
		.nr_o{
			position: absolute;
			top: 240rpx;
			left: 30rpx;
			font-size: 30rpx;
			.show-top_o{
				float: left;
				margin-right: 60rpx;
				text:last-child{
					margin-right: 0;
				}
				ftext{
					display: block;
					color: #587482;
					font-size: 26rpx;
					margin-top: 10rpx;
				}
				text:first-child{
					// margin-right: 85rpx;
					width: 34%;
					color: #999999;
				}
				
			}
		}
		.nr_o:last-child{
			// top:400rpx;
		}
		
	
		
}
.level-show_t{
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		position: absolute;
		left: 0;
		right: 0;
		top:164rpx;
		// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		// background-image: url(/static/level_bk_o.png);
		background-size: 100% 100%;
		background-position:44rpx 0;
		height:350rpx;
		img{
			position: absolute;
			width: 100%;
			// height: 600rpx;
			/* left: 30rpx; */
			top: -30rpx;
		}
		.level_logo{
			width: 100rpx;
			height: 120rpx;
			position: absolute;
			right: 20rpx;
			top: 0rpx;
		}
		.left-top_o{
			
			// background-image: url(/static/level_top_o.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 168rpx;
			height: 54rpx;
			img{
				position: absolute;
				top: -31rpx;
				width: 243rpx;
				height: 74rpx;
				left: -2rpx;
			}
			
		}
		.jindu{
			position: absolute;
			top: 80rpx;
		}
		.left-center_o{
			position: absolute;
			top: 50rpx;
			left: 60rpx;
			font-size: 50rpx;
			color: #94B4D8;
			font-family: monospace;
			font-weight: 900;
		}
		.level_rule{
			background-color: #36383F;
			color: #F3D1A5;
			width: 160rpx;
			height: 60rpx;
			position: absolute;
			left: 200rpx;
			top: 46rpx;
			text-align: left;
			line-height: 60rpx;
			font-size: 26rpx;
			padding-left: 24rpx;
			border-radius: 60rpx;
			text{
				background: url(https://h5.hexukeji.com/techn_img/sm_wen.png);
				background-size: 100% 100%;
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				top: 14rpx;
			}
		}
		.left-bot_o{
			    width: 100%;
				position: absolute;
				top: 180rpx;
				left: 66rpx;
			.show-bl_o{
				float:left;
			}
			
			.dot {
				position: absolute;
				top: 18rpx;
				left: -26rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 100%;
				background: #24CB6A;
			}
			.bl_icon{
				width: 44rpx;
				height: 44rpx;
				position: absolute;
				bottom: 38rpx;
				top: -2rpx;
				left: -46rpx;
			}
		}
		.dq_o{
			top:350rpx;
		}
		.nr_o{
			position: absolute;
			top: 240rpx;
			left: 30rpx;
			font-size: 30rpx;
			.show-top_o{
				float: left;
				margin-right: 60rpx;
				text:last-child{
					margin-right: 0;
				}
				ftext{
					display: block;
					color: #94B4D8;
					font-size: 35rpx;
					margin-top: 10rpx;
				}
				text:first-child{
					// margin-right: 85rpx;
					width: 34%;
					color: #999999;
				}
				
			}
		}
		.nr_o:last-child{
			// top:400rpx;
		}
		
	
		
}

.level-show_s{
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		position: absolute;
		left: 0;
		right: 0;
		top:164rpx;
		// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		// background-image: url(/static/level_bk_o.png);
		background-size: 100% 100%;
		background-position:44rpx 0;
		height:350rpx;
		img{
			position: absolute;
			width: 100%;
			// height: 600rpx;
			/* left: 30rpx; */
			top: -30rpx;
		}
		.level_logo{
			width: 100rpx;
			height: 120rpx;
			position: absolute;
			right: 20rpx;
			top: 0rpx;
		}
		.left-top_o{
			
			// background-image: url(/static/level_top_o.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 168rpx;
			height: 54rpx;
			img{
				position: absolute;
				top: -31rpx;
				width: 243rpx;
				height: 74rpx;
				left: -2rpx;
			}
			
		}
		.jindu{
			position: absolute;
			top: 80rpx;
		}
		.left-center_o{
			position: absolute;
			top: 50rpx;
			left: 60rpx;
			font-size: 50rpx;
			color: #E0C492;
			font-family: monospace;
			font-weight: 900;
		}
		.level_rule{
			background-color: #36383F;
			color: #F3D1A5;
			width: 160rpx;
			height: 60rpx;
			position: absolute;
			left: 200rpx;
			top: 46rpx;
			text-align: left;
			line-height: 60rpx;
			font-size: 26rpx;
			padding-left: 24rpx;
			border-radius: 60rpx;
			text{
				background: url(https://h5.hexukeji.com/techn_img/sm_wen.png);
				background-size: 100% 100%;
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				top: 14rpx;
			}
		}
		.left-bot_o{
			    width: 100%;
				position: absolute;
				top: 180rpx;
				left: 66rpx;
			.show-bl_o{
				float:left;
			}
			
			.dot {
				position: absolute;
				top: 18rpx;
				left: -26rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 100%;
				background: #24CB6A;
			}
			.bl_icon{
				width: 44rpx;
				height: 44rpx;
				position: absolute;
				bottom: 38rpx;
				top: -2rpx;
				left: -46rpx;
			}
		}
		.dq_o{
			top:350rpx;
		}
		.nr_o{
			position: absolute;
			top: 240rpx;
			left: 30rpx;
			font-size: 30rpx;
			.show-top_o{
				float: left;
				margin-right: 60rpx;
				text:last-child{
					margin-right: 0;
				}
				ftext{
					display: block;
					color: #E0C492;
					font-size: 35rpx;
					margin-top: 10rpx;
				}
				text:first-child{
					// margin-right: 85rpx;
					width: 34%;
					color: #999999;
				}
				
			}
		}
		.nr_o:last-child{
			// top:400rpx;
		}
		
	
		
}

.level-show_f{
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		position: absolute;
		left: 0;
		right: 0;
		top:164rpx;
		// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		// background-image: url(/static/level_bk_o.png);
		background-size: 100% 100%;
		background-position:44rpx 0;
		height:350rpx;
		img{
			position: absolute;
			width: 100%;
			// height: 600rpx;
			/* left: 30rpx; */
			top: -30rpx;
		}
		.level_logo{
			width: 100rpx;
			height: 120rpx;
			position: absolute;
			right: 20rpx;
			top: 0rpx;
		}
		.left-top_o{
			
			// background-image: url(/static/level_top_o.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 168rpx;
			height: 54rpx;
			img{
				position: absolute;
				top: -31rpx;
				width: 243rpx;
				height: 74rpx;
				left: -2rpx;
			}
			
		}
		.jindu{
			position: absolute;
			top: 80rpx;
		}
		.left-center_o{
			position: absolute;
			top: 50rpx;
			left: 60rpx;
			font-size: 50rpx;
			color: #DDA887;
			font-family: monospace;
			font-weight: 900;
		}
		.level_rule{
			background-color: #36383F;
			color: #F3D1A5;
			width: 160rpx;
			height: 60rpx;
			position: absolute;
			left: 200rpx;
			top: 46rpx;
			text-align: left;
			line-height: 60rpx;
			font-size: 26rpx;
			padding-left: 24rpx;
			border-radius: 60rpx;
			text{
				background: url(https://h5.hexukeji.com/techn_img/sm_wen.png);
				background-size: 100% 100%;
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				top: 14rpx;
			}
		}
		.left-bot_o{
			    width: 100%;
				position: absolute;
				top: 180rpx;
				left: 66rpx;
			.show-bl_o{
				float:left;
			}
			
			.dot {
				position: absolute;
				top: 18rpx;
				left: -26rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 100%;
				background: #24CB6A;
			}
			.bl_icon{
				width: 44rpx;
				height: 44rpx;
				position: absolute;
				bottom: 38rpx;
				top: -2rpx;
				left: -46rpx;
			}
		}
		.dq_o{
			top:350rpx;
		}
		.nr_o{
			position: absolute;
			top: 240rpx;
			left: 30rpx;
			font-size: 30rpx;
			.show-top_o{
				float: left;
				margin-right: 60rpx;
				text:last-child{
					margin-right: 0;
				}
				ftext{
					display: block;
					color: #DDA887;
					font-size: 35rpx;
					margin-top: 10rpx;
				}
				text:first-child{
					// margin-right: 85rpx;
					width: 34%;
					color: #999999;
				}
				
			}
		}
		.nr_o:last-child{
			// top:400rpx;
		}
		
	
		
}
.level-show_w{
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		position: absolute;
		left: 0;
		right: 0;
		top:164rpx;
		// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		// background-image: url(/static/level_bk_o.png);
		background-size: 100% 100%;
		background-position:44rpx 0;
		height:350rpx;
		img{
			position: absolute;
			width: 100%;
			// height: 600rpx;
			/* left: 30rpx; */
			top: -30rpx;
		}
		.level_logo{
			width: 100rpx;
			height: 120rpx;
			position: absolute;
			right: 20rpx;
			top: 0rpx;
		}
		.left-top_o{
			
			// background-image: url(/static/level_top_o.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 168rpx;
			height: 54rpx;
			img{
				position: absolute;
				top: -31rpx;
				width: 243rpx;
				height: 74rpx;
				left: -2rpx;
			}
			
		}
		.jindu{
			position: absolute;
			top: 80rpx;
		}
		.left-center_o{
			position: absolute;
			top: 50rpx;
			left: 60rpx;
			font-size: 50rpx;
			color: #8884DA;
			font-family: monospace;
			font-weight: 900;
		}
		.level_rule{
			background-color: #36383F;
			color: #F3D1A5;
			width: 160rpx;
			height: 60rpx;
			position: absolute;
			left: 200rpx;
			top: 46rpx;
			text-align: left;
			line-height: 60rpx;
			font-size: 26rpx;
			padding-left: 24rpx;
			border-radius: 60rpx;
			text{
				background: url(https://h5.hexukeji.com/techn_img/sm_wen.png);
				background-size: 100% 100%;
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				top: 14rpx;
			}
		}
		.left-bot_o{
			    width: 100%;
				position: absolute;
				top: 180rpx;
				left: 66rpx;
			.show-bl_o{
				float:left;
			}
			
			.dot {
				position: absolute;
				top: 18rpx;
				left: -26rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 100%;
				background: #24CB6A;
			}
			.bl_icon{
				width: 44rpx;
				height: 44rpx;
				position: absolute;
				bottom: 38rpx;
				top: -2rpx;
				left: -46rpx;
			}
		}
		.dq_o{
			top:350rpx;
		}
		.nr_o{
			position: absolute;
			top: 240rpx;
			left: 30rpx;
			font-size: 30rpx;
			.show-top_o{
				float: left;
				margin-right: 60rpx;
				text:last-child{
					margin-right: 0;
				}
				ftext{
					display: block;
					color: #8884DA;
					font-size: 35rpx;
					margin-top: 10rpx;
				}
				text:first-child{
					// margin-right: 85rpx;
					width: 34%;
					color: #999999;
				}
				
			}
		}
		.nr_o:last-child{
			// top:400rpx;
		}
		
	
		
}
.content{
	.progress_box {
		margin-top: 28rpx;
		// height: 15rpx;
		width: 94%;
		margin-left:20rpx;
	}
	.load{
	  background-color: #fff;
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 100;
	  image{
	   width: 100%;
	  }
	  .chakan{
		  padding: 10rpx;
		  background: linear-gradient(to right, $uni-text-color-btn-left, $uni-text-color-btn-right);
		  text-align: center;
		  margin: 0 auto;
		  width: 400rpx;
		  border-radius: 30rpx;
	  }
	 }
	.curr-loc{
		margin:30rpx 20rpx 0;
	    padding:30rpx;
	    background-color: #fff;
	    border-radius: 20rpx;
	    // box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
		background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,1));
	    font-size:28rpx;
		font-weight: bold;
		.position_dq{
			display: inline-block;
			height: 30rpx;
			width: 400rpx;
			font-size: 24rpx;
		}
		.position_time{
			margin-left: 30rpx;
			font-size: 26rpx;
			color: #777;
			display: inline-block;
			font-weight: normal;
		}
		.position_ri{
			    display: inline-block;
			    width: 185rpx;
			    height: 80rpx;
			    top: 24rpx;
			    position: absolute;
			    right: 60rpx;
			image{
				width: 83rpx;
				    height: 40rpx;
				    display: block;
				    margin-left: 100rpx;
					z-index: 99;
			}
			text{
				width: 100rpx;
				height: 30rpx;
				font-size: 26rpx;
				color: #9d9d9d;
			}
		}
	}
	.icon-weizhi::before{
        color: $uni-text-color-active;
	} 
	.sos{
		position: fixed;
		right: 10rpx;
		top: 50%;
		text-align:center;
		text{
			border-radius: 50%;
			padding:20rpx;
			font-size:40rpx;
			color: #fff;
			background-color: #f00;
		}
		.sos-tit{
			font-size: 24rpx;
			line-height:80rpx;
			color: #f00;
			font-weight: bold;
		}
	}
	.place-time{
		margin:0 20rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		box-shadow: rgba(0, 0, 0, 0.1) 0 9rpx 9rpx;
		.place-time-tp{
			display: flex;
			border-bottom:1px solid #eee;
			padding-bottom:10rpx;
			margin-bottom:10rpx;
			.place-time-name{
				flex: 1;
				font-size:30rpx;
				font-weight: bold;
			}
			.place-time-con{
				flex: 2;
				text-align: right;
				vertical-align: middle;
				text{
					&:first-child{
						font-size:28rpx;
						color: $uni-text-color-grey;
					}
					&.place-coupon{
						color: #ff0000;
					}
				}
			}
		}
		.my-order{
			display: flex;
			.my-ord-li{
				flex: 1;
				text-align: center;
				margin-top:15rpx;
				.my-ord-icon{
					margin:10rpx 0;
					text{
						color: $uni-text-color-active;
						font-size:50rpx;
					}
					.djd{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/djd.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.dfw{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/dfw.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.fwz{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/fwz.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.ywc{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/ywc.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
				}
				.my-ord-tit{
					font-size:28rpx;
				}
			}
		}
		.my-app{
			.my-app-li{
				width: 25%;
				display: inline-block;
				text-align: center;
				margin-top:15rpx;
				.my-app-icon{
					margin:10rpx 0;
					text{
						color: $uni-text-color-active;
						font-size:50rpx;
					}
					.wlsc{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/wlsc.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.qdhz{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/qdhz.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.ddss{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/ddss.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.lxkf{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/lxkf.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.wdpj{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/wdpj.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.ydqz{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/ddss.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.ddss{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/ydqz.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.szzx{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/szzx.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					.yjbj{
						width:70rpx;
						height:70rpx;
						background: url('https://h5.hexukeji.com/techn_img/yjbj.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						display: inline-block;
					}
					
				}
				.my-app-tit{
					font-size:28rpx;
				}
			}
		}
	}
	.my-inv{
		margin:0 20rpx 20rpx;
		image{
			width: 100%;
		}
	}
	.my-tp{
		height:470rpx;
		position: relative;
		// background: url('../../static/techn_bg.png');
		wdith: 100%;
		background: url("https://h5.hexukeji.com/techn_img/techn_bg.png");
		background-size: 100%;
		background-repeat: no-repeat;
		.my-hd{
			height:300rpx;
			display: flex;
			// background-color: $uni-text-color-active;
			
			padding:40rpx;
			color: #fff;
			.my-img{
			    flex: 1;
			    image{
			     width: 140rpx;
			     height: 140rpx;
			     border-radius: 50%;
				 // background: url("https://h5.hexukeji.com/techn_img/head_huan.png");
				 // background-size: 100%;
				 // background-repeat: no-repeat;
			    }
			    
			   }
			.my-tit{
				flex: 3;
				margin:10rpx 30rpx 0;
				.my-name{
					font-size:30rpx;
					font-weight: bold;
					margin-bottom:10rpx;
					color: black;
				}
				.my-vip{
					width:auto;
					height:48rpx;
					padding: 0 25rpx 0 20rpx;
					display: inline-block;
					line-height:48rpx;
					border-radius:24rpx;
					text-align: center;
					background-color: rgba(255, 255, 255, 0.3);
					font-size: 28rpx;
					text{
						font-size: 24rpx;
						margin-left:5rpx;
					}
				}
				.my-time{
					margin-top: 30rpx;
					text{
						margin-left:10rpx;
						font-size: 24rpx;
					}
				}
			}
			navigator{
			     font-size: 26rpx;
			     text-align: center;
			     width: 140rpx;
			     display: inline-block;
			     height: 150rpx;
			     line-height: 150rpx;
			     color: #04745F;
			     font-weight: bold;
			}
			.my-set{
				flex: 1;
				text-align: right;
				margin-top:35rpx;
				.iconfont{
					position: relative;
					font-size:50rpx;
					&::after{
						position: absolute;
						right:-10rpx;
						top:-10rpx;
						content: "";
						width:18rpx;
						height:18rpx;
						border-radius: 50%;
						background-color: #f00;
					}
				}
			}
		}
		.my-acc{
			margin:30rpx 20rpx;
			padding:10rpx;
			background-color: #fff;
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			display: flex;
			position: absolute;
			left: 0;
			right: 0;
			bottom:-60rpx;
			// box-shadow: rgba(0, 0, 0, 0.1) 0 12rpx 12rpx;
			background: url('https://h5.hexukeji.com/techn_img/qianbao.png');
			background-size:100% 100%;
			background-repeat: no-repeat;
			.my-acc-lf{
				flex:1;
				text-align: center;
				border-right: 1rpx solid #545764;
				&:nth-child(3){
					flex:1.5;
					border-right: none;
				}
				.my-acc-tit{
					font-size:28rpx;
					color:#9C9EA7
				}
				.my-acc-num{
					margin-top: 10rpx;
					text{
						font-size:40rpx;
						font-weight: bold;
						color: #F3D1A5;
						&:before{
							content:'￥';
							font-size: 24rpx;
						}
					}
				}
				.my-acc-numt{
					font-size:40rpx;
					font-weight: bold;
					color: #F3D1A5;
					margin-top: 10rpx;
				}
			}
			.my-acc-rt{
				text-align: right;
				margin-top:25rpx;
				flex:1;
				navigator{
					width:210rpx;
					height:68rpx;
					display: inline-block;
					border-radius:30rpx;
					text-align: center;
					line-height: 68rpx;
					font-size: 28rpx;
					color: #fff;
					background-color: $uni-text-color-active;
				}
			}
		}
	}
	.my-mid{
		display: flex;
		margin-top: 440rpx;
		width:96%;
		text-align: center;
		.my-cou{
			display: inline-block;
			flex: 1.5;
			width:100%;
			padding-top:20rpx;
			padding-bottom:20rpx;
			margin-right: 10rpx;
			background-color: #fff;
			border-radius: 20rpx;
			box-shadow: rgba(0, 0, 0, 0.1) 0 9rpx 9rpx;
			.my-cou-lf{
				// flex: 3;
				text-align: center;
				.sjgl{
					width:70rpx;
					height:70rpx;
					background: url('https://h5.hexukeji.com/techn_img/sjgl.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					display: inline-block;
				}
				.wzgx{
					width:70rpx;
					height:70rpx;
					background: url('https://h5.hexukeji.com/techn_img/wzgx.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					display: inline-block;
				}
				.yjpm{
					width:70rpx;
					height:70rpx;
					background: url('https://h5.hexukeji.com/techn_img/yjpm.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					display: inline-block;
				}
				.sjtj{
					width:70rpx;
					height:70rpx;
					background: url('https://h5.hexukeji.com/techn_img/sjtj.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					display: inline-block;
				}
			}
			.my-cou-rt{
				// flex: 1;
				display: block;
				text-align: center;
				margin-top: 10rpx;
				padding: 0;
				
			}
		&:first-child{
			margin-left: 24rpx;
		}
		}
	}
	
	// 轮播图
			.image-container {
				position: absolute;
				top: 400rpx;
				width: 750rpx;
				height: 640rpx;
				// background-color: #a1a1a1;
			}
			
			.item {
				background: linear-gradient(44deg, #24c96b, #23cb69);
				position: relative;
			}
			
			.image {
				width: 200rpx;
				height: 116rpx;
				border-radius: 20rpx;
				// border: 2rpx solid #FFFFFF;
			}
			
			.item_1 {
				display: flex;
				align-items: center;
				margin: 30rpx;
			}
			
			.item_1-right {
				font-size: 42rpx;
				font-weight: bold;
				margin-left: 20rpx;
				padding-top: 10rpx;
				color:white;
			}
			
			.item_1-post {
				font-size: 24rpx;
				margin-left: 16rpx;
			}
			
			.item_1-site {
				font-size: 24rpx;
				opacity: .6;
				margin-top: 20rpx;
			}
			
			.item-img {
				width: 630rpx;
				height: 620rpx;
				border-radius: 14rpx;
				animation: to-big .3s;
				box-shadow: 5rpx 10rpx 10rpx rgba($color: #FFAB5E, $alpha: .4);
			}
			
			.item_2 {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				position: absolute;
				font-size: 24rpx;
				font-weight: bold;
			}
			
			.item_2-left {
				margin-right: 24rpx;
				margin-left: 20rpx;
				width:25%;
			}
			.item_3-left {
				float: left;
				// margin-right: 24rpx;
				margin-left: 20rpx;
				width:45%;
			}
			
			.item_2-right {
				margin-right: 24rpx;
			}
			.item_3-right {
				margin-right: 24rpx;
			}
			
			.item-highlight {
				font-size: 32rpx;
				color: #ffffff;
				margin-left: 10rpx;
			}
			
			.swiper-item {
				width: 630rpx;
				height: 240rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.item-img-side {
				width: 630rpx;
				height: 208rpx;
				border-radius: 14rpx;
				animation: to-mini .3s;
			}
			
			.swiper-item-side {
				width: 630rpx;
				height: 208rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			@keyframes to-mini
			{
				from {
					height: 200rpx;
				}
				to {
					height: 620rpx;
				}
			}
			@keyframes to-big
			{
				from {
					height: 200rpx;
				}
				to {
					height: 620rpx;
				}
			}
		.hongdian{
			width:18rpx;
			height:18rpx;
			border-radius: 50%;
			background-color: #f00;
			// z-index: 999;
			position: absolute;
			left: 80rpx;
		}
}
</style>